<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style lang="css/text"></style>
  <body>
    <!-- 
        圣杯布局和双飞翼布局的目的
    1.三栏布局，中间一栏最先加载和渲染（内容最重要）
    2.两侧内容固定，中间内容随着宽度自适应
    3.一般用于pc

        圣杯布局和双飞翼布局技术总结
    1.使用float布局
    2.两侧使用margin负值，以便和中间内容横向重叠
    3.防止中间内容被两侧覆盖，一个用padding，一个用margin
    -->
  </body>
</html>
